<template>
    <div>
        <ul class="flex textC">
            <li class="standView_top">
                <p class="colorF font_s22">运营管理</p>
                <p class="font_s60 AgencyFB" style="color:rgba(242, 215, 84, 1);">17</p>
            </li>
            <li class="standView_top">
                <p class="colorF font_s22">消防安全</p>
                <p class="font_s60 AgencyFB" style="color:rgba(242, 215, 84, 1);">30</p>
            </li>
            <li class="standView_top">
                <p class="colorF font_s22">设施设备</p>
                <p class="font_s60 AgencyFB" style="color:rgba(242, 215, 84, 1);">16</p>
            </li>
            <li class="standView_top">
                <p class="colorF font_s22">烟花爆竹管控</p>
                <p class="font_s60 AgencyFB" style="color:rgba(242, 215, 84, 1);">4</p>
            </li>
        </ul>
        <ul class="flex standardView_title colorF font_s20 textC JustifyContentSA" style="margin-top:1.825rem;">
            <li class="flex5 textC" style="padding-left: 1rem;">风险评估</li>
            <li class="flex1">关键词</li>
            <li class="flex2">是否具有一票否决权</li>
            <li class="flex1" style="padding-right:1rem;">风险分值</li>
        </ul>
        <ul class="flex standardView_content colorF font_s18 textC JustifyContentSA" v-for="item in standardList" v-bind:key="item.id">
            <li class="flex5 textL" style="padding-left: 2rem;">{{item.fxpg}}</li>
            <li class="flex1">{{item.gjc}}</li>
            <li class="flex2">{{item.sfjyypfjq}}</li>
            <li class="flex1" style="padding-right:1rem;">{{item.fxfz}}</li>
        </ul>
    </div>
</template>
<script>
export default {
  name: 'StandardView',
  data () {
    return {
      standardList: [
        { 'fxpg': '未持有合法的、有效的《工商营业执照》和《殡葬服务证》', 'gjc': '合法经营', 'sfjyypfjq': '是', 'fxfz': '2' },
        { 'fxpg': '未持有合法的、有效的《工商营业执照》和《殡葬服务证》', 'gjc': '合法经营', 'sfjyypfjq': '是', 'fxfz': '2' },
        { 'fxpg': '未持有合法的、有效的《工商营业执照》和《殡葬服务证》', 'gjc': '合法经营', 'sfjyypfjq': '是', 'fxfz': '2' },
        { 'fxpg': '未持有合法的、有效的《工商营业执照》和《殡葬服务证》', 'gjc': '合法经营', 'sfjyypfjq': '是', 'fxfz': '2' },
        { 'fxpg': '未持有合法的、有效的《工商营业执照》和《殡葬服务证》', 'gjc': '合法经营', 'sfjyypfjq': '是', 'fxfz': '2' },
        { 'fxpg': '未持有合法的、有效的《工商营业执照》和《殡葬服务证》', 'gjc': '合法经营', 'sfjyypfjq': '是', 'fxfz': '2' },
        { 'fxpg': '未持有合法的、有效的《工商营业执照》和《殡葬服务证》', 'gjc': '合法经营', 'sfjyypfjq': '是', 'fxfz': '2' },
        { 'fxpg': '未持有合法的、有效的《工商营业执照》和《殡葬服务证》', 'gjc': '合法经营', 'sfjyypfjq': '是', 'fxfz': '2' },
        { 'fxpg': '未持有合法的、有效的《工商营业执照》和《殡葬服务证》', 'gjc': '合法经营', 'sfjyypfjq': '是', 'fxfz': '2' }
      ]
    }
  }
}
</script>
<style scoped>
.standView_top {
    background: url(../../../assets/img/comprehensive/06.png) no-repeat;
    background-size: 100% 100%;
    width: 18.6%;
    padding: 0.825rem 0;
    /* line-height: 3.425rem; */
}
.standardView_title {
    line-height: 2.875rem;
    border-radius: 10px 10px 0 0;
    background:rgba(104,110,120,0.7);
}
.standardView_content {
    line-height: 3.625rem;
    border-radius: 5px;
    background: rgba(43,51,65,0.8);
    margin: 0.825rem 0;
}
</style>
